<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Libra - Law Firm Bootstrap 5 HTML Template</title>
    <!-- Favicons -->
    <link rel="shortcut icon" href="assets/images/favicon.ico">


    <!-- Vendor CSS (Icon Font) -->


    <link rel="stylesheet" href="assets/css/vendor/icofont.min.css">
    <link rel="stylesheet" href="assets/css/vendor/themify-icons.min.css">


    <!-- Plugins CSS (All Plugins Files) -->


    <link rel="stylesheet" href="assets/css/plugins/animate.min.css" />
    <link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css" />
    <link rel="stylesheet" href="assets/css/plugins/aos.min.css" />
    <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css" />
    <link rel="stylesheet" href="assets/css/plugins/slick.css" />


    <!-- Main Style CSS -->


    <link rel="stylesheet" href="assets/css/style.css" />



    <!-- Use the minified version files listed below for better performance and remove the files listed above -->



    <!-- 
    <link rel="stylesheet" href="assets/css/vendor.min.css">
    <link rel="stylesheet" href="assets/css/plugins.min.css">
    <link rel="stylesheet" href="assets/css/style.min.css">  
    -->
</head>

<body>
    <!-- Header Section Start -->
    <div class="header">

        <!-- Header Top Start -->
        <div class="container">
            <div class="header-top">
                <div class="row mb-n2">
                    <div class="col-md-6 col-12 mb-2">
                        <!-- Header Top left Start -->
                        <div class="header-top-left">
                            <div class="text">Your address goes here</div>
                        </div>
                        <!-- Header Top left End -->
                    </div>
                    <div class="col-md-6 col-12 mb-2">
                        <!-- Header Top Right Start -->
                        <div class="header-top-right">
                            <ul class="info-list">
                                <li><a href="mailto:demo@example.com"> demo@example.com</a></li>
                                <li><a href="tel:+001-2345-67-89">+001 2345 67 89</a></li>
                            </ul>
                        </div>
                        <!-- Header Top Right End -->
                    </div>
                </div>
            </div>
        </div>
        <!-- Header Top End -->

        <!-- Header Wrapper Start -->
        <div class="header-wrapper">
            <div class="header-sticky">
                <div class="container">
                    <div class="row align-items-center">

                        <div class="col-lg-3 col-md-6 col-6">
                            <!-- Header Logo Start -->
                            <div class="header-logo">
                                <a href="index.html">
                                    <img class="fit-image" src="assets/images/logo/logo.png" alt="Header Logo">
                                </a>
                            </div>
                            <!-- Header Logo End -->

                        </div>

                        <div class="col-lg-6 d-none d-lg-block">

                            <!-- Main Menu Language Wrapper Start -->
                            <div class="main-menu-language-wrapper">

                                <!-- Main Menu Start -->
                                <nav class="main-menu">
                                    <ul>
                                        <li>
                                            <a class="active" href="index.html">Home</a>
                                        </li>
                                        <li>
                                            <a href="#">Service</a>
                                            <ul class="submenu">
                                                <li><a href="service.html">Service</a></li>
                                                <li><a href="single-service.html">Single Service</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#">Blog</a>
                                            <ul class="submenu">
                                                <li><a href="blog.html">Blog</a></li>
                                                <li><a href="blog-details.html">Blog Details</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="about.html">About</a>
                                        </li>
                                        <li>
                                            <a href="contact.html">Contact</a>
                                        </li>
                                    </ul>
                                </nav>
                                <!-- Main Menu End -->

                            </div>
                            <!-- Main Menu Language Wrapper End -->

                        </div>

                        <div class="col-lg-3 col-md-6 col-6">

                            <!-- Social Media Link Start -->
                            <div class="social-media-link">
                                <a href="#"><i class="icofont-twitter"></i></a>
                                <a href="#"><i class="icofont-facebook"></i></a>
                                <a href="#"><i class="icofont-behance"></i></a>
                            </div>
                            <!-- Social Media Link End -->

                            <!-- Mobile Menu Hamburger Start -->
                            <div class="mobile-menu-hamburger">
                                <a href="javascript:void(0)">
                                    <span>Menu</span>
                                    <i class="icon icofont-navigation-menu"></i>
                                </a>
                            </div>
                            <!-- Mobile Menu Hamburger End -->

                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!-- Header Top End -->

        <!-- Mobile Menu Start -->
        <div class="mobile-menu-wrapper">
            <div class="offcanvas-overlay"></div>

            <!-- Mobile Menu Inner Start -->
            <div class="mobile-menu-inner">
                <!-- Mobile Menu Inner Top Start -->
                <div class="mobile-menu-inner-top">

                    <!-- Mobile Menu Logo Start  -->
                    <div class="logo-mobile">
                        <img src="assets/images/logo/logo.png" alt="Logo">
                    </div>
                    <!-- Mobile Menu Logo End -->

                    <!-- Button Close Start -->
                    <div class="offcanvas-btn-close">
                        <i class="icofont-close-line"></i>
                    </div>
                    <!-- Button Close End -->

                </div>
                <!-- Mobile Menu Inner Top End -->

                <!-- Mobile Menu Start -->
                <div class="mobile-navigation">
                    <nav>
                        <ul class="mobile-menu">
                            <li class="has-children">
                                <a href="index.html">Home</a>
                            </li>
                            <li class="has-children">
                                <a href="#">Servcie <i class="icofont-rounded-down" aria-hidden="true"></i></a>
                                <ul class="dropdown">
                                    <li><a href="service.html">Service</a></li>
                                    <li><a href="single-service.html">Single Service</a></li>
                                </ul>
                            </li>
                            <li class="has-children">
                                <a href="#">Blog <i class="icofont-rounded-down" aria-hidden="true"></i></a>
                                <ul class="dropdown">
                                    <li><a href="blog.html">Blog</a></li>
                                    <li><a href="blog-details.html">Blog Details</a></li>
                                </ul>
                            </li>
                            <li><a href="about.html">About</a></li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul>
                    </nav>
                </div>
                <!-- Mobile Menu End -->
            </div>
            <!-- Mobile Menu Inner End -->
        </div>
        <!-- Mobile Menu End -->

    </div>
    <!-- Header Section End -->

    <!-- Service Section Bg Start -->
    <div class="section service-section-bg bg-overlay">
        <div class="container">
            <div class="row">
                <div class="col-12">

                    <!-- Service Section Title Start -->
                    <div class="service-section-title text-center" data-aos="zoom-in" data-aos-delay="400">
                        <h4 class="subtitle">Our Services</h4>
                        <h1 class="title"> <span>Provide Perfect Solutions</span> <br> For Any Legals</h1>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                    </div>
                    <!-- Service Section Title End -->

                </div>
            </div>
        </div>
    </div>
    <!-- Service Section Bg End -->

    <!-- Service Section Start -->
    <div class="section section-margin">
        <div class="container">
            <div class="row">
                <!-- Section Title Start -->
                <div class="section-title text-center" data-aos="fade-up" data-aos-delay="400">
                    <h4 class="subtitle">Practices Area</h4>
                    <h2 class="title">How we can help you</h2>
                </div>
                <!-- Section Title End -->
            </div>
            <!-- Service Area Start -->
            <div class="service-area">
                <div class="row g-0">

                    <!-- Service Block Start -->
                    <div class="service-block col-lg-3 col-md-6 col-12" data-aos="fade-up" data-aos-delay="200">
                        <!-- Single Service Start -->
                        <div class="single-service">
                            <div class="service-icon">
                                <i class="ti-blackboard"></i>
                            </div>
                            <div class="service-content">
                                <h4 class="title"><a href="single-service.html">Strategy</a> </h4>
                                <p>Thought leadership pass the clap hackathon wearables.</p>
                                <a class="more-link" href="single-service.html">More <i class="ti-angle-right"></i></a>
                            </div>
                        </div>
                        <!-- Single Service End -->
                    </div>
                    <!-- Service Block End -->

                    <!-- Service Block Start -->
                    <div class="service-block col-lg-3 col-md-6 col-12" data-aos="fade-up" data-aos-delay="300">
                        <!-- Single Service Start -->
                        <div class="single-service">
                            <div class="service-icon">
                                <i class="ti-stats-up"></i>
                            </div>
                            <div class="service-content">
                                <h4 class="title"><a href="single-service.html">Financial</a></h4>
                                <p>Platform omnichannel click bait thought leadership pivot.</p>
                                <a class="more-link" href="single-service.html">More <i class="ti-angle-right"></i></a>
                            </div>
                        </div>
                        <!-- Single Service End -->
                    </div>
                    <!-- Service Block End -->

                    <!-- Service Block Start -->
                    <div class="service-block col-lg-3 col-md-6 col-12" data-aos="fade-up" data-aos-delay="400">
                        <!-- Single Service Start -->
                        <div class="single-service">
                            <div class="service-icon">
                                <i class="ti-shield"></i>
                            </div>
                            <div class="service-content">
                                <h4 class="title"><a href="single-service.html">Insurance</a></h4>
                                <p>Disrupt taste makers help council emerging.</p>
                                <a class="more-link" href="single-service.html">More <i class="ti-angle-right"></i></a>
                            </div>
                        </div>
                        <!-- Single Service End -->
                    </div>
                    <!-- Service Block End -->

                    <!-- Service Block Start -->
                    <div class="service-block col-lg-3 col-md-6 col-12" data-aos="fade-up" data-aos-delay="500">
                        <!-- Single Service Start -->
                        <div class="single-service">
                            <div class="service-icon">
                                <i class="ti-home"></i>
                            </div>
                            <div class="service-content">
                                <h4 class="title"><a href="single-service.html">Estate</a></h4>
                                <p>Mobile ready proprietary dedication intuitive</p>
                                <a class="more-link" href="single-service.html">More <i class="ti-angle-right"></i></a>
                            </div>
                        </div>
                        <!-- Single Service End -->
                    </div>
                    <!-- Service Block End -->

                    <!-- Service Block Start -->
                    <div class="service-block col-lg-3 col-md-6 col-12" data-aos="fade-up" data-aos-delay="200">

                        <!-- Single Service Start -->
                        <div class="single-service">
                            <div class="service-icon">
                                <i class="ti-stamp"></i>
                            </div>
                            <div class="service-content">
                                <h4 class="title"><a href="single-service.html">Audit & Evaluation</a></h4>
                                <p>Thought leadership pass the clap hackathon wearables.</p>
                                <a class="more-link" href="single-service.html">More <i class="ti-angle-right"></i></a>
                            </div>
                        </div>
                        <!-- Single Service End -->

                    </div>
                    <!-- Service Block End -->

                    <!-- Service Block Start -->
                    <div class="service-block col-lg-3 col-md-6 col-12" data-aos="fade-up" data-aos-delay="300">
                        <div class="single-service">
                            <div class="service-icon">
                                <i class="ti-money"></i>
                            </div>
                            <div class="service-content">
                                <h4 class="title"><a href="single-service.html">Taxes & Efficiency</a></h4>
                                <p>Disrupt taste makers help council emerging.</p>
                                <a class="more-link" href="single-service.html">More <i class="ti-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <!-- Service Block End -->

                    <!-- Service Block Start -->
                    <div class="service-block col-lg-3 col-md-6 col-12" data-aos="fade-up" data-aos-delay="400">

                        <!-- Single Service Start -->
                        <div class="single-service">
                            <div class="service-icon">
                                <i class="ti-shopping-cart-full"></i>
                            </div>
                            <div class="service-content">
                                <h4 class="title"><a href="single-service.html">Consumer Market</a></h4>
                                <p>Mobile ready proprietary dedication intuitive</p>
                                <a class="more-link" href="single-service.html">More <i class="ti-angle-right"></i></a>
                            </div>
                        </div>
                        <!-- Single Service End -->

                    </div>
                    <!-- Service Block End -->

                    <!-- Service Block Start -->
                    <div class="service-block col-lg-3 col-md-6 col-12" data-aos="fade-up" data-aos-delay="500">

                        <!-- Single Service Start -->
                        <div class="single-service">
                            <div class="service-icon">
                                <i class="ti-truck"></i>
                            </div>
                            <div class="service-content">
                                <h4 class="title"><a href="single-service.html">Logistic</a></h4>
                                <p>Platform omnichannel click bait thought leadership pivot</p>
                                <a class="more-link" href="single-service.html">More <i class="ti-angle-right"></i></a>
                            </div>
                        </div>
                        <!-- Single Service End -->

                    </div>
                    <!-- Service Block End -->

                </div>
            </div>
            <!-- Service Area End -->
        </div>
    </div>
    <!-- Service Section End -->

    <!-- Reputation Section Start -->
    <div class="section bg-ash section-padding overflow-hidden">
        <div class="container">
            <div class="row mb-n8">

                <!-- Reputation Form Start -->
                <div class="reputation-form col-lg-5 col-md-12 col-12 mb-8 order-2 order-lg-1" data-aos="fade-right" data-aos-delay="400">
                    <div class="inner-column">
                        <div class="form-boxed">
                            <h4 class="title">Free consulation</h4>
                            <div class="consult-form">
                                <form action="#" method="post">

                                    <!-- Form Group Start -->
                                    <div class="form-group">
                                        <label>Full Name</label>
                                        <input type="text" name="name" placeholder="Jason Staham">
                                    </div>
                                    <!-- Form Group End -->

                                    <!-- Form Group Start -->
                                    <div class="form-group">
                                        <label>phone number</label>
                                        <input type="text" name="phone" placeholder="Enter your phone number" required="">
                                    </div>
                                    <!-- Form Group End -->

                                    <!-- Form Group Start -->
                                    <div class="form-group">
                                        <label>topics</label>
                                        <select class="custom-select-box">
                                            <option>Choose topic</option>
                                            <option>Topic 01</option>
                                            <option>Topic 02</option>
                                            <option>Topic 03</option>
                                            <option>Topic 04</option>
                                        </select>
                                    </div>
                                    <!-- Form Group End -->

                                    <!-- Form Group Start -->
                                    <div class="form-group">
                                        <label>message</label>
                                        <textarea name="message" placeholder="Write your message here"></textarea>
                                    </div>
                                    <!-- Form Group End -->

                                    <!-- Form Group Start -->
                                    <div class="form-group">
                                        <button class="btn btn-primary btn-hover-whited w-100" type="submit" name="submit-form"><span class="txt">send your messenger</span></button>
                                    </div>
                                    <!-- Form Group End -->

                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Reputation Form End -->

                <!-- Reputation Content Start -->
                <div class="reputation-content col-lg-7 col-md-12 col-12 mb-8 order-1 order-lg-2" data-aos="fade-left" data-aos-delay="400">
                    <div class="inner-column">

                        <!-- Section Title Start Here -->
                        <div class="section-title">
                            <h4 class="subtitle">why choose us</h4>
                            <h2 class="title">Your Successful, Our Reputation</h2>
                        </div>
                        <!-- Section Title Start End -->

                        <!-- Blocks Outer Start -->
                        <div class="blocks-outer">

                            <!-- Reputation Block Start -->
                            <div class="reputation-block">
                                <h5 class="title">Strong Martket Analysis</h5>
                                <p>Tasks, docs, and files integrate with Arado’s chat to close the <br> gaps between feedback and action.</p>
                            </div>
                            <!-- Reputation Block End -->

                            <!-- Reputation Block Start -->
                            <div class="reputation-block">
                                <h5 class="title">Experience &amp; Percision</h5>
                                <p>Create multiple discussions to keep all relevant conversations <br> together, all in one place with Arado</p>
                            </div>
                            <!-- Reputation Block End -->

                            <!-- Reputation Block Start -->
                            <div class="reputation-block">
                                <h5 class="title">Experts About Business</h5>
                                <p>Create multiple discussions to keep all relevant conversations <br> together, all in one place with Arado</p>
                            </div>
                            <!-- Reputation Block End -->

                        </div>
                        <!-- Blocks Outer End -->
                    </div>
                </div>
                <!-- Reputation Content End -->

            </div>
        </div>
    </div>
    <!-- Reputation Section End -->

    <!-- Pricing Section Start -->
    <div class="section pricing-section section-padding">
        <div class="container">
            <div class="inner-container">
                <div class="row g-0 mb-n4">

                    <div class="price-block col-lg-4 col-md-6 col-12" data-aos="fade-up" data-aos-delay="200">
                        <div class="inner-box">
                            <div class="icon-box">
                                <span class="icon">
                                        <img src="assets/images/icon/pricing-1.png" alt="Pricing">
                                    </span>
                            </div>
                            <h4 class="title">Personal</h4>
                            <span class="price">
                                    <sup>$</sup> 9.99 <sub>/ month</sub>
                                </span>
                            <ul class="list">
                                <li>Custome Domains</li>
                                <li>Sleep after 30 mins of <br> activity</li>
                            </ul>
                            <a href="#" class="btn btn-outline-primary btn-outline-hover-primary">Get Started Now</a>
                        </div>
                    </div>

                    <div class="price-block col-lg-4 col-md-6 col-12" data-aos="fade-up" data-aos-delay="400">
                        <div class="inner-box">
                            <div class="popular">popular</div>
                            <div class="icon-box">
                                <span class="icon">
                                        <img src="assets/images/icon/pricing-2.png" alt="Pricing">
                                    </span>
                            </div>
                            <h4 class="title">Small Team</h4>
                            <span class="price">
                                    <sup>$</sup> 49.99 <sub>/ month</sub>
                                </span>
                            <ul class="list">
                                <li>Never Sleeps</li>
                                <li>Multiple Workers for more <br>Powerful apps</li>
                            </ul>
                            <a href="#" class="btn btn-outline-primary btn-outline-hover-primary">Get Started Now</a>
                        </div>
                    </div>

                    <div class="price-block col-lg-4 col-md-6 col-12" data-aos="fade-up" data-aos-delay="600">
                        <div class="inner-box">
                            <div class="icon-box">
                                <span class="icon">
                                        <img src="assets/images/icon/pricing-3.png" alt="Pricing">
                                    </span>
                            </div>
                            <h4 class="title">Enterprise</h4>
                            <span class="price">
                                    <sup>$</sup> 99.99 <sub>/ month</sub>
                                </span>
                            <ul class="list">
                                <li>Dedicated</li>
                                <li>Simple Horizontal <br> Scalability</li>
                            </ul>
                            <a href="#" class="btn btn-outline-primary btn-outline-hover-primary">Get Started Now</a>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- Pricing Section End -->

    <!-- Faq Section Start -->
    <div class="section overflow-hidden">
        <div class="container">
            <div class="border-top section-padding">
                <div class="row">
                    <div class="col-12">

                        <!-- Section Title Start -->
                        <div class="section-title text-center" data-aos="fade-up" data-aos-delay="200">
                            <h4 class="subtitle mb-2">Faqs</h4>
                            <h2 class="title">Maybe help you</h2>
                        </div>
                        <!-- Section Title End -->

                    </div>
                </div>

                <div class="row mb-n3">

                    <div class="col-lg-6 col-12" data-aos="fade-right" data-aos-delay="400">
                        <div class="faq-accordion-wrapper accordion" id="accordionExample">
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingOne">
                                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Can I Get A Divorce Without A Lawyer?</button>
                                </h2>
                                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur elit lacinia ornare. In volutpat rutrum molestie. Vivamus efficitur orci, ac gravida eros bibendum non. Nullam auctor varius fer Vestibulum ante ipsum primis in faucibus orci luctus et ultrices.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingTwo">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">I Have A Technical Problem Or Support Issue I Need Resolved, Who Do I Email?</button>
                                </h2>
                                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur elit lacinia ornare. In volutpat rutrum molestie. Vivamus efficitur orci, ac gravida eros bibendum non. Nullam auctor varius fer Vestibulum ante ipsum primis in faucibus orci luctus et ultrices.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingThree">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">What Other Services Are You Compatible With?</button>
                                </h2>
                                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur elit lacinia ornare. In volutpat rutrum molestie. Vivamus efficitur orci, ac gravida eros bibendum non. Nullam auctor varius fer Vestibulum ante ipsum primis in faucibus orci luctus et ultrices.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingFour">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">Are You Hiring?</button>
                                </h2>
                                <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur elit lacinia ornare. In volutpat rutrum molestie. Vivamus efficitur orci, ac gravida eros bibendum non. Nullam auctor varius fer Vestibulum ante ipsum primis in faucibus orci luctus et ultrices.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6 col-12" data-aos="fade-left" data-aos-delay="400">
                        <div class="faq-accordion-wrapper faq-accordion-right accordion" id="accordionExampleTwo">
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingFive">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="true" aria-controls="collapseFive">Can I Get A Divorce Without A Lawyer?</button>
                                </h2>
                                <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#accordionExampleTwo">
                                    <div class="accordion-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur elit lacinia ornare. In volutpat rutrum molestie. Vivamus efficitur orci, ac gravida eros bibendum non. Nullam auctor varius fer Vestibulum ante ipsum primis in faucibus orci luctus et ultrices.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingSix">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">I Have A Technical Problem Or Support Issue I Need Resolved, Who Do I Email?</button>
                                </h2>
                                <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#accordionExampleTwo">
                                    <div class="accordion-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur elit lacinia ornare. In volutpat rutrum molestie. Vivamus efficitur orci, ac gravida eros bibendum non. Nullam auctor varius fer Vestibulum ante ipsum primis in faucibus orci luctus et ultrices.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingSeven">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">What Other Services Are You Compatible With?</button>
                                </h2>
                                <div id="collapseSeven" class="accordion-collapse collapse" aria-labelledby="headingSeven" data-bs-parent="#accordionExampleTwo">
                                    <div class="accordion-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur elit lacinia ornare. In volutpat rutrum molestie. Vivamus efficitur orci, ac gravida eros bibendum non. Nullam auctor varius fer Vestibulum ante ipsum primis in faucibus orci luctus et ultrices.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingEight">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">Are You Hiring?</button>
                                </h2>
                                <div id="collapseEight" class="accordion-collapse collapse" aria-labelledby="headingEight" data-bs-parent="#accordionExampleTwo">
                                    <div class="accordion-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur elit lacinia ornare. In volutpat rutrum molestie. Vivamus efficitur orci, ac gravida eros bibendum non. Nullam auctor varius fer Vestibulum ante ipsum primis in faucibus orci luctus et ultrices.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingNine">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseNine" aria-expanded="false" aria-controls="collapseNine">What Other Services Are You Compatible With?</button>
                                </h2>
                                <div id="collapseNine" class="accordion-collapse collapse" aria-labelledby="headingNine" data-bs-parent="#accordionExampleTwo">
                                    <div class="accordion-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur elit lacinia ornare. In volutpat rutrum molestie. Vivamus efficitur orci, ac gravida eros bibendum non. Nullam auctor varius fer Vestibulum ante ipsum primis in faucibus orci luctus et ultrices.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingTen">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTen" aria-expanded="false" aria-controls="collapseTen">What Other Services Are?</button>
                                </h2>
                                <div id="collapseTen" class="accordion-collapse collapse" aria-labelledby="headingTen" data-bs-parent="#accordionExampleTwo">
                                    <div class="accordion-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur elit lacinia ornare. In volutpat rutrum molestie. Vivamus efficitur orci, ac gravida eros bibendum non. Nullam auctor varius fer Vestibulum ante ipsum primis in faucibus orci luctus et ultrices.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
    <!-- Faq Section End -->

    <!-- Cta Section Start -->
    <div class="section cta-bg overflow-hidden">
        <!-- Cta Content Start -->
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <!-- Booking Content Number Start -->
                    <div class="booking-content-number">
                        <!-- Booking Content Start -->
                        <div class="booking-content" data-aos="fade-right" data-aos-delay="500">
                            <h1 class="title">Book an appoitment quickly? <a href="tel:+0123-45-67-890">Call us now!</a></h1>
                            <p>We prodive a dedicated support 24/7 for any your question</p>
                        </div>
                        <!-- Booking Content End -->

                        <!-- Contact Number Start -->
                        <div class="contact-number" data-aos="fade-left" data-aos-delay="500">
                            <a href="tel:+0123-45-67-890">+0123-45-67-890</a>
                        </div>
                        <!-- Contact Number End -->
                    </div>
                    <!-- Booking Content Number End -->
                </div>
            </div>
        </div>
        <!-- Cta Content End -->
    </div>
    <!-- Cta Section End -->

    <!-- Main Footer -->
    <footer class="section main-footer bg-clouded">
        <div class="container">
            <!--Widgets Section-->
            <div class="widgets-section section-padding">
                <div class="row clearfix mb-n8">

                    <!-- Column -->
                    <div class="big-column col-lg-6 col-md-12 col-sm-6 col-12 mb-8">
                        <div class="row clearfix mb-n6">

                            <!-- Footer Column -->
                            <div class="footer-column col-lg-6 col-md-6 col-sm-12 mb-6">
                                <div class="footer-widget logo-widget">
                                    <div class="logo">
                                        <a href="index.html"><img src="assets/images/logo/logo.png" alt="Footer Logo" /></a>
                                    </div>
                                    <div class="call">
                                        <span> Call us directly</span>
                                        <a class="phone" href="tel:+1-234-567-8910">+1 234-567-8910</a>
                                        <a class="email" href="mailto:demo@example.com">demo@example.com</a>
                                    </div>
                                </div>
                            </div>

                            <!-- Footer Column -->
                            <div class="footer-column col-lg-6 col-md-6 col-sm-12 mb-6">
                                <div class="footer-widget links-widget">
                                    <h5 class="title">Company</h5>
                                    <ul class="list-link">
                                        <li><a href="about.html">About Us</a></li>
                                        <li><a href="about.html">Team</a></li>
                                        <li><a href="about.html">Careers</a></li>
                                        <li><a href="about.html">Investors</a></li>
                                        <li><a href="contact.html">Contact Us</a></li>
                                        <li><a href="about.html">Offices</a></li>
                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>

                    <!-- Column -->
                    <div class="big-column col-lg-6 col-md-12 col-sm-6 col-12 mb-8">
                        <div class="row clearfix mb-n6">

                            <!-- Footer Column -->
                            <div class="footer-column col-lg-6 col-md-6 col-sm-12 mb-6">
                                <div class="footer-widget links-widget">
                                    <h5 class="title">Quick Links</h5>
                                    <ul class="list-link">
                                        <li><a href="contact.html">FAQS</a></li>
                                        <li><a href="contact.html">Support</a></li>
                                        <li><a href="contact.html">Sitemap</a></li>
                                        <li><a href="contact.html">Community</a></li>
                                        <li><a href="contact.html">Location</a></li>
                                        <li><a href="contact.html">Address</a></li>
                                    </ul>
                                </div>
                            </div>

                            <!-- Footer Column -->
                            <div class="footer-column col-lg-6 col-md-6 col-sm-12 mb-6">
                                <div class="footer-widget newsletter-widget">
                                    <h5 class="title">Our Newsletter</h5>
                                    <div class="text">Subscribe to our newsletter and we will inform you about latest updates and offers</div>
                                    <!-- Newsletter Form -->
                                    <div class="newsletter-form">
                                        <form method="post" action="contact.html">
                                            <div class="form-group">
                                                <input type="email" name="email" value="" placeholder="Email Address..." required>
                                                <button type="submit" class="theme-btn icofont-arrow-right"></button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>

            <!-- Footer Bottom -->
            <div class="footer-bottom">
                <div class="auto-container">
                    <div class="bottom-inner">
                        <div class="row clearfix mb-n6">

                            <!-- Copyright Start -->
                            <div class="col-md-8 col-sm-12 mb-6">© 2025 - All Rights Reserved. <a target="_blank" href="https://www.mobanwang.com/" title="网站模板">网站模板</a></div>
                            <!-- Copyright End -->

                            <!-- Footer Social nav Start -->
                            <div class="col-md-4 col-sm-12 mb-6">
                                <ul class="social-nav">
                                    <li><a href="#" class="icofont-twitter"></a></li>
                                    <li><a href="#" class="icofont-facebook"></a></li>
                                    <li><a href="#" class="icofont-instagram"></a></li>
                                    <li><a href="#" class="icofont-rss"></a></li>
                                    <li><a href="#" class="icofont-play-alt-1"></a></li>
                                </ul>
                            </div>
                            <!-- Footer Social nav End -->

                        </div>
                    </div>
                </div>
            </div>

        </div>
    </footer>
    <!-- End Main Footer -->

    <!-- Scroll Top Start -->
    <a href="#" class="scroll-top" id="scroll-top">
        <i class="arrow-top ti-arrow-up"></i>
        <i class="arrow-bottom ti-arrow-up"></i>
    </a>
    <!-- Scroll Top End -->

    <!-- Preloader Start -->
    <div id="preloader">
        <div class="preloader">
            <div class="spinner-border text-primary"></div>
        </div>
    </div>
    <!-- Preloader End -->

    <!-- Scripts -->
    <!-- Global Vendor, plugins JS -->

    <!-- Vendor JS -->
    <script src="assets/js/vendor/popper.min.js"></script>
    <script src="assets/js/vendor/bootstrap.min.js"></script>
    <script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
    <script src="assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
    <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>


    <!-- Plugins JS -->
    <!-- <script src="assets/js/plugins/appear.js"></script> -->
    <script src="assets/js/plugins/jquery.ajaxchimp.min.js"></script>
    <script src="assets/js/plugins/jquery-ui.min.js"></script>
    <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/slick.min.js"></script>
    <script src="assets/js/plugins/aos.min.js"></script>

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->


    <!-- 
<script src="assets/js/vendor.min.js"></script>
<script src="assets/js/plugins.min.js"></script> 
-->



    <!--Main JS-->
    <script src="assets/js/main.js"></script>
</body>

</html>